<?php if (!defined('THINK_PATH')) exit();?>	<?php
 $config = D('Basic')->select(); ?>	
<?php
 $navs = D('Menu')->homebars(); ?>
<?php
 $links = D('Links')->linksForHome(); ?>

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title><?php echo ($config["title"]); ?></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="<?php echo ($config["description"]); ?>" />
	<meta name="keywords" content="<?php echo ($config["keywords"]); ?>" />
	<!--<link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,700" rel="stylesheet">-->
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="/Public/css/home/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="/Public/assets/css/font-awesome.min.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="/Public/css/bootstrap.css">
	<!-- Flexslider  -->
	<link rel="stylesheet" href="/Public/css/home/flexslider.css">
	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="/Public/css/home/owl.carousel.min.css">
	<link rel="stylesheet" href="/Public/css/home/owl.theme.default.min.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="/Public/css/home/style.css">
	<!-- Modernizr JS -->
	
	
	<!--music-->
	
	<script src="/Public/js/home/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="/Public/js/home/respond.min.js"></script>
	<![endif]-->
	<!--loading-->
	<style type="text/css">
		.sk-double-bounce {
		  width: 40px;
		  height: 40px;
		  position: relative;
		  margin: 40px auto; }
		  .sk-double-bounce .sk-child {
		    width: 100%;
		    height: 100%;
		    border-radius: 50%;
		    background-color: #27E1CE;
		    opacity: 0.6;
		    position: absolute;
		    top: 0;
		    left: 0;
		    -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
		            animation: sk-doubleBounce 2s infinite ease-in-out; }
		  .sk-double-bounce .sk-double-bounce2 {
		    -webkit-animation-delay: -1.0s;
		            animation-delay: -1.0s; }
		
		@-webkit-keyframes sk-doubleBounce {
		  0%, 100% {
		    -webkit-transform: scale(0);
		            transform: scale(0); }
		  50% {
		    -webkit-transform: scale(1);
		            transform: scale(1); } }
		
		@keyframes sk-doubleBounce {
		  0%, 100% {
		    -webkit-transform: scale(0);
		            transform: scale(0); }
		  50% {
		    -webkit-transform: scale(1);
		            transform: scale(1); } }
	</style>

	</head>
	<body>
	<div id="reloade">
		<div class="sk-double-bounce">
	        <div class="sk-child sk-double-bounce1"></div>
	        <div class="sk-child sk-double-bounce2"></div>
	    </div>
	</div>
	
	<div id="fh5co-page">
	<header id="fh5co-header" role="banner">
				<a href="/"><img class="hidden-xs" style="position: absolute;top: 10px; left: 20px;" src="../../../../Public/images/logo.png" width="180px"height="60px"/></a>
		<div class="container">
			<div class="header-inner">
				<h1 class="visible-xs-block"><a href="/">ISG</a></h1>
				<nav role="navigation">
					<ul>
						<li><a href="/" >首页</a></li>
						<?php if(is_array($navs)): foreach($navs as $key=>$nav): ?><li <?php if($nav['menu_id'] == $catid): ?>class="active"<?php endif; ?> ><a href="/index.php?c=cat&id=<?php echo ($nav["menu_id"]); ?>"><?php echo ($nav["name"]); ?></a></li><?php endforeach; endif; ?>
						<li><a href="/index.php?c=mood&a=index" >心晴</a></li>
						<li class="cta"><a href="/index.php?c=GuestBook&a=index">水一发</a></li>
					</ul>
				</nav>
			</div>
		</div>
	</header>

	
	<div class="container">
		
	</div>
	<!--大图轮播广告位开始-->
	<aside id="fh5co-hero" class="js-fullheight">
		<div class="flexslider js-fullheight">
			<ul class="slides">
				<?php if(is_array($topbanner)): foreach($topbanner as $key=>$tbanner): ?><li style="background-image: url(<?php echo ($tbanner["thumb"]); ?>);">
				   		<div class="container">
				   			<div class="col-md-10 col-md-offset-1 text-center js-fullheight slider-text">
				   				<div class="slider-text-inner">
				   					<h2><?php echo ($tbanner["title"]); ?></h2>
				   					<?php if($tbanner['news_id'] != 0): ?><p><a href="#" class="btn btn-primary btn-lg">阅读</a></p><?php endif; ?> 
				   				</div>
				   			</div>
				   		</div>
				   	</li><?php endforeach; endif; ?>
			   	
			   	
		  	</ul>
	  	</div>
	</aside>
	<!--大图轮播广告位结束-->
	
	<div id="fh5co-services-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<!--<h2>标题</h2>-->
					<p>最新文章</p>
				</div>
			</div>
			<div class="row">
				<?php if(is_array($newslist)): foreach($newslist as $key=>$news): ?><div class="col-md-4 animate-box">
						<div class="services">
							<i class="icon-laptop"></i>
							<div class="desc">
								<h3><?php echo ($news["title"]); ?></h3>
								<p> <?php echo ($news["description"]); ?></p>
							</div>
						</div>
					</div><?php endforeach; endif; ?>
				
				
				<!--<div class="col-md-4 animate-box">
					<div class="services">
						<i class="icon-pie-chart"></i>
						<div class="desc">
							<h3>Business Analytics</h3>
							<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
						</div>
					</div>
				</div>-->
			</div>
		</div>
	</div>
    	<!--图文广告位 适合作品展-->
	<div id="fh5co-work-section" class="fh5co-light-grey-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>图片广告位 带标题</h2>
					<p>最多六个 </p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_1.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Web Application</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_2.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">User Interface</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_3.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Branded</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_4.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Web</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_5.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Illustration</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-4 animate-box">
					<a href="#" class="item-grid text-center">
						<div class="image" style="background-image: url(/Public/images/image_6.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="category">Web Application</h5>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-12 text-center animate-box">
					<p><a href="#" class="btn btn-primary with-arrow">View More Projects <i class="fa fa-arrow-right"></i></a></p>
				</div>
			</div>
		</div>
	</div>
	<!--图文广告位 适合作品展end-->
	
	
	<!--两个大图广告位-->
	<div id="fh5co-blog-section" class="fh5co-light-grey-section">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-md-offset-3 text-center fh5co-heading animate-box">
					<h2>Recent from Blog</h2>
					<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-sm-6 animate-box">
					<a href="#" class="item-grid">
						<div class="image" style="background-image: url(/Public/images/image_1.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">We Create Mobile App</h3>
								<h5 class="date"><span>June 23, 2016</span> | <span>4 Comments</span></h5>
								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-6 col-sm-6 animate-box">
					<a href="#" class="item-grid">
						<div class="image" style="background-image: url(/Public/images/image_2.jpg)"></div>
						<div class="v-align">
							<div class="v-align-middle">
								<h3 class="title">Geographical App</h3>
								<h5 class="date"><span>June 22, 2016</span> | <span>10 Comments</span></h5>
								<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove.</p>
							</div>
						</div>
					</a>
				</div>
				<div class="col-md-12 text-center animate-box">
					<p><a href="#" class="btn btn-primary with-arrow">View More Post <i class="fa fa-arrow-right"></i></a></p>
				</div>
			</div>
		</div>
	</div>
	<!--两个大图广告位end-->
	
	
	
	<!--透明背景窗口 -->
	<div class="fh5co-cta" style="background-image: url(/Public/images/slide_2.jpg);">
		<div class="overlay"></div>
		<div class="container">
			<div class="col-md-12 text-center animate-box">
				<h3><?php echo ($config["footer_words"]); ?></h3>
				<p><a href="#" class="btn btn-primary btn-outline with-arrow">Get started now! <i class="fa fa-arrow-right"></i></a></p>
			</div>
		</div>
	</div>
	<!--透明背景窗口end -->
	
	<!--底部内容-->
	
	<footer id="fh5co-footer" role="contentinfo">
		
		<div class="container">
			<div class="col-md-3 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
				<h3>关于</h3>
				<p><?php echo ($config["about"]); ?></p>
				<p><a href="#" class="btn btn-primary btn-outline with-arrow btn-sm">来吹比？ <i class="fa fa-arrow-right"></i></a></p>
			</div>
			<div class="col-md-6 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
				<h3>友情链接</h3>
				<ul class="float">
					
					<?php if(is_array($links)): $i = 0; $__LIST__ = $links;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$links): $mod = ($i % 2 );++$i;?><li><a target="_blank" href="http://<?php echo ($links["url"]); ?>"><?php echo ($links["name"]); ?></a></li><?php endforeach; endif; else: echo "" ;endif; ?>
					
				</ul>
				
				
			</div>

			<div class="col-md-2 col-md-push-1 col-sm-12 col-sm-push-0 col-xs-12 col-xs-push-0">
				<h3>Follow Me</h3>
				<ul class="fh5co-social">
					<li><a target="_blank" href="https://github.com/isuoge"><i class="fa fa-github"></i>isuoge</a></li>
					<li><a target="_blank" href="http://weibo.com/5770656991/"><i class="fa fa-weibo"></i>isuoge-com</a></li>
					<li><a href="/index.php?c=GuestBook&a=index"><i class="fa fa-envelope-o"></i>水墙找</a></li>
					<li><a href="#"><i class="fa fa-heart-o"></i></a></li>
				</ul>
			</div>
			
			
			<div class="col-md-12 fh5co-copyright text-center">
				<p>&copy; 2016 isuoge.com All Rights Reserved. <span>Designed  <i class="fa fa-cloud"></i> by <a href="#/" target="_blank">isuoge</a></span></p>	
			</div>
			
		</div>
	</footer>
	</div>
	
	<!-- jQuery -->
	<script src="/Public/js/jquery-1.11.0.js"></script>
	<!-- jQuery Easing -->
	<script src="/Public/js/home/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="/Public/js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="/Public/js/home/jquery.waypoints.min.js"></script>
	<!-- Owl Carousel -->
	<script src="/Public/js/home/owl.carousel.min.js"></script>
	<!-- Flexslider -->
	<script src="/Public/js/home/jquery.flexslider-min.js"></script>

	<!-- MAIN JS -->
	<script src="/Public/js/home/main.js"></script>
	<script src="/Public/js/home/jquery.grid-a-licious.min.js" type="text/javascript" charset="utf-8"></script>
	
	
	
	
	
	</body>
</html>